<template>
  <div class="v-container">
    <v-header title="酒后代驾">
      <span class="back" @click="goBack">
        <i class="el-icon-arrow-left"></i>
      </span>
    </v-header>
    <div class="mt">
      <img src="@/assets/images/jhdj_banner.jpg" width="100%">
      <div class="formBlock">
        <div class="form_ele">
          <mt-field label="姓   名：" placeholder="请输入姓名" v-model="form.userName"></mt-field>
        </div>
        <div class="form_ele">
          <mt-field label="手机号：" placeholder="请输入手机号" v-model="form.telephone"></mt-field>
        </div>
        <div class="form_ele">
          <mt-field label="起始地：" placeholder="请输入起始地（限服务范围内）" v-model="form.startAddress"></mt-field>
        </div>
        <div class="form_ele">
          <mt-field label="目的地：" placeholder="请输入目的地（限服务范围内）" v-model="form.endAddress"></mt-field>
        </div>
        <div class="form_ele">
          <mt-field label="预约时间：" placeholder="请至少提前30分钟预约" v-model="form.bespeakTime"></mt-field>
        </div>
        <div class="form_ele">
          <mt-field label="服务车型：" placeholder="请输入车型" v-model="form.carType"></mt-field>
        </div>
        <div class="form_ele">
          <mt-field label="车牌号：" placeholder="请输入车牌号" v-model="form.carId"></mt-field>
        </div>


      </div>
      <div class="fw_detail">
        <div class="title">
          <p><span></span>个人中心</p>
        </div>
        <div class="fontCon">
          <p>1、服务期限内您每自然日限使用该服务一次，服务时间为每日00：00至24：00。</p>
          <p>1、服务期限内您每自然日限使用该服务一次，服务时间为每日00：00至24：00。</p>
          <p>1、服务期限内您每自然日限使用该服务一次，服务时间为每日00：00至24：00。</p>
          <p>1、服务期限内您每自然日限使用该服务一次，服务时间为每日00：00至24：00。</p>
          <p>1、服务期限内您每自然日限使用该服务一次，服务时间为每日00：00至24：00。</p>
        </div>
      </div>
      <div class="button-box" v-on:click="submit">
        <p>立即兑换</p>
      </div>
    </div>
  </div>
</template>

<script>
import vHeader from "@/components/Header.vue";
import { Resource } from '@/services/resource';

export default {
  name: "bespeakJhdj",
  components: {
    vHeader
  },
  props: {
    title: {
      type: String,
      default: "标题"
    }
  },
  data() {
    return {
      msg: "Footera",
      form:{
        userName:"",
        telephone:"",
        bespType:"DB",
        bespeakTime:"",
        longitude:"",
        latitude:"",
        deLongitude:"",
        deLatitude:"",
        city:"",
        countyName:"",
        desCountyName:"",
        carId:"",//车牌号
        startAddress:"",//出发地
        endAddress:"",//目的地
        carType:""//车辆类型
      }
    };
  },
  mounted() {
    
  },
  methods:{
    // 返回上一页
    goBack(){
      this.$router.go(-1);
    },
    submit(){
      // this.$router.replace('equity');
      this.$router.push('equity');
    },
  }
};
</script>

<style lang="less" scoped>
@import url("./bespeakJhdj.less");
</style>